import axios from "axios";
import { useReducer } from "react";


function First(props){
    return <>

    <h1>First - 父组件 - {props.name}</h1>
    <hr />
    <Second title ={props.name}></Second>
    </>
}

function Second(props){
    return <>
        <h1>Second - 子组件 - {props.title}</h1>
    </>
}

function App(){
  return<div>
       <h1>App - 祖先组件</h1>
    <hr />
    <First name = "张三"></First>
  </div>
}

export default App;